<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>role</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/role.css">
</head>
<body>
    <div id="add_role">
        <div class="masking"></div>
        <div class="interface">
            <div class="title">添加角色</div>
            <form action="javascript:">
                <label>角色名</label>
                <input type="text" id="role_name" placeholder="至少输个正常点的"><br>
                <label>角色权限（可多选）</label><br>
                <input type="checkbox" name="roleauth" value="SystemIndex"><label>系统操作权限</label><br>
                <input type="checkbox" name="roleauth" value="MemberIndex"><label>人员操作权限</label><br>
                <input type="checkbox" name="roleauth" value="ArticleIndex"><label>角色操作权限</label><br>
                <input type="submit" id="submit" value="确认">
                <input type="submit" id="alter" value="确认">
                <input type="button" id="cancel" value="取消">
            </form>
        </div>
    </div>
    <div class="container">
        <div class="list">
            <div class="head">角色管理</div>
            <div class="search">
                <input type="text" placeholder="输入查找内容" id="search" title="这是个装饰没啥用（暂时）">
                <input type="button" value="查找" id="searchBtn">
            </div>
            <div class="main">
                <div class="row">
                    <div class="message">
                        <div class="id">id</div>
                        <div class="rolename">角色名</div>
                        <div class="jurisdiction">权限</div>
                    </div>
                    <div class="operation">操作</div>
                </div>
            </div>
            <div class="add"><a href="javascript:" id="add">》添加角色《</a></div>
        </div>
        <!-- <div class="introduce">
            <div class="head">详情</div>
        </div> -->
    </div>
    <script src="node_modules/axios/dist/axios.js"></script>
    <script>
        axios.get('https://ty.php800.cn/api/token.php',{
            headers:{
                TOKEN:localStorage.getItem('token'),
                SAT:'1234567'
            }
        }).then((res)=>{
            console.log(res)
            if(!res.data.verify){
                top.window.location.href='./login.html'
            }
        })
    </script>
    <script src="./js/role.js"></script>
</body>
</html>